<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东登录页面</title>
    <style>
        body, h2 {
            padding: 0;
            margin: 0;
        }

        #wrapper {
            width: 990px;
            margin: 0 auto;
        }

        h1 {
            text-indent: -99999px;
            padding: 0;
            margin: 0;
            display: inline-block;
        }

        .inline-block {
            display: inline-block;
        }

        header {
            padding: 10px 0;
            height: 60px;
        }

        .left {
            float: left;
        }

        h2 {
            font-weight: normal;
            color: #767C88;
        }

        header h2 {
            padding: 15px 0 0 10px;
        }

        article {
            background: #e73854 url("image/banner.png") no-repeat;
            height: 475px;
            position: relative;
        }

        #login-form {
            background-color: white;
            width: 316px;
            height: 220px;
            position: absolute;
            right: 60px;
            top: 40px;
            padding: 15px;
        }

        #login-form h2 {
            font-size: 18px;
            display: inline-block;
            loat: left;
        }
        #login-form>div a{
            text-align: right;
            display: inline-block;
            float: right;
            color: #E2393D;
            font-size:14px;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div id="wrapper">
    <header>
        <h1>京东商城</h1>
        <div class="left">
            <a href="https://www.jd.com">
                <img src="image/logo.png"/>
            </a>
        </div>
        <h2 class="left">欢迎登录</h2>
    </header>
    <article>
        <div id="login-form">
            <div>
                <h2>京东会员</h2>
                <a href="#">立即注册</a>
            </div>
            <form>
                <p><input type="text" name="username" placeholder="邮箱/用户名/已验证手机"/></p>
                <p><input type="password" name="password"/></p>
                <div>
                    <span><input type="checkbox" name="remember"/>自动登录 </span>
                    <span><a href="#">忘记密码?</a></span>
                </div>
                <div>
                    <button>登录</button>
                </div>
            </form>
        </div>
    </article>
    <footer></footer>
</div>
</body>
</html>